/* banner */
.banner {
  width: 1800px;
  height: 700px;
  background: url(/img/index/banner.jpg) no-repeat center;
  background-size: cover;
  margin: 0 auto;
  position: relative;
}

.pointer {
  width: fit-content;
  overflow: hidden;
  position: absolute;
  bottom: 16px;
  right: 50%;
}

.pointer span {
  display: block;
  float: left;
  margin-right: 13px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  border: 3px solid transparent;
  /* 让背景色 只蔓延到内容区 */
  background-clip: content-box;
}

.pointer span:hover {
  background-color: #668aca;
  border: 3px solid #fff;
}

/* house show */
.house-c {
  width: 1200px;
  height: 270px;
  margin: 0 auto;
  position: relative;
}

.house-c .pto {
  width: 360px;
  height: 270px;
  float: left;
  position: relative;
}

.pto img {
  width: 360px;
  height: 180px;
}

.house-c .pto .desc {
  margin-left: 50px;
}

.house-c .pto p {
  padding: 28px 0 7px;
  height: 14px;
  line-height: 14px;
}

.house-c .pto span {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  color: #767676;
}

.house-c .mr {
  margin: 0 60px;
}

.pto a {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(/img/index/btn.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 30px;
  right: 50px;
}

/* 蒙层 */
.house-c .pto .mask {
  width: 360px;
  height: 270px;
  background-color: #000000;
  border-radius: 8px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.house-c .pto .mask p {
  color: #fff;
}

.house-c .pto .mask span {
  font-size: 12px;
  color: #fff;
}

.mask .desc1 {
  margin-top: 58px;
  margin-left: 50px;
}

.mask a {
  display: block;
  width: 38px;
  height: 38px;
  background-image: url(/img/index/btn-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  bottom: 56px;
  right: 46px;
}

.house-c .pto:hover .mask {
  display: block;
}

.house-c .pto:hover img {
  height: 100%;
}

.house-c .pto:hover .desc {
  opacity: 0;
}

/* 产品中心 */
.good-c {
  width: fit-content;
  height: 114px;
  margin: 0 auto;
  margin-bottom: 110px;
  overflow: hidden;
}

.good-c .nav {
  width: 164px;
  height: 114px;
  float: left;
  border-radius: 5px;
  opacity: 0.7;
  margin: 0 auto;
  position: relative;
}

.good-c .mr {
  margin-left: 90px;
}

.good-c .nav .item {
  width: 164px;
  height: 86px;
  line-height: 86px;
  background: url(/img/index/shafa.png) no-repeat center;
  border-radius: 5px;
  opacity: 0.7;
}

.good-c .dsc {
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
  line-height: 14px;
  margin-top: 7px;
}

.good-c .nav p {
  display: block;
  float: left;
  font-size: 12px;
}

.good-c .nav .pad {
  padding-right: 9px;
  font-size: 14px;
}

.good-c .nav .line {
  width: 16px;
  position: absolute;
  bottom: 0;
  left: 74px;
}

.good-c .nav:hover .nav.item {
  background-color: #668aca;
}

.good-c .nav:hover p {
  color: #668aca;
}

/* bed */
.bed-c {
  width: 1200px;
  height: 800px;
  color: orange;
  margin-bottom: 100px;
  margin: 0 auto;
}

.bed-c .rol {
  width: fit-content;
  height: 360px;
  overflow: hidden;
}

.bed-c .fr {
  margin-bottom: 40px;
}
.show {
  float: left;
  position: relative;
}

.rol .show .t {
  width: fit-content;
  line-height: 16px;
  margin: 0 auto;
}

.bed-c .rol .mr {
  margin: 0 60px;
}

/* 蒙层 */
.rol .show .mask {
  width: 360px;
  height: 320px;
  background-color: #000000;
  border-radius: 8px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

.rol .show:hover .mask {
  display: block;
}

.rol .show:hover .t {
  /* 向上平移150px */
  transform: translateY(-150px);
  margin-left: 70px;
  color: #f8f8f8;
}

.show .mask .num {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: #f8f8f8;
  margin: 120px 0 0 85px;
}

.show .mask .dec {
  font-size: 14px;
}

.rol .show .line {
  display: block;
  width: 80px;
  height: 1px;
  background-color: #f8f8f8;
  position: absolute;
  top: 154px;
  left: 0;
}

/* 服务中心 */
.service .banner {
  width: 1800px;
  height: 700px;
  background: url(/img/index/bg.jpg) no-repeat center scroll;
  overflow: hidden;
  position: relative;
}

.service-c .plan {
  width: fit-content;
  position: absolute;
  top: 400px;
  left: 500px;
  overflow: hidden;
}

.service-c .pla {
  width: 264px;
  height: 158px;
  text-align: center;
  float: left;
  position: relative;
  border: 1px;
  border-style: solid;
  border-color: RGB(248,248,248,0.2);
}

.service-c .plan .w {
  margin-top: 47px;
  margin-bottom: 27px;
  opacity: 1;
}

.service-c .pla .m {
  font-size: 12px;
  letter-spacing: 0px;
  color: #ffffff;
}

.service-c .pla .line {
  display: block;
  width: 30px;
  height: 1px;
  background-color: #ffffff;
  position: absolute;
  top: 80px;
  left: 110px;
}
.service-c .pla p {
  letter-spacing: 0px;
  color: #ffffff;
}


.service-c .pla:hover {
  background-color: #668aca;
}

/* 新闻资讯 */
.news-c {
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
}

.news-c .new {
  width: 570px;
  height: 570px;
  float: left;
}

.news-c .pic1 {
  height: 270px;
  margin-bottom: 30px;
  position: relative;
}

.news-c .nr {
  width: 630px;
  background: url(/img/index/new4.jpg) no-repeat center;
  background-size: cover;
  margin-left: 60px;
}

.news-c .pic {
  overflow: hidden;
}

.news-c .pic2 {
  width: 270px;
  height: 270px;
  float: left;
}

.news-c .ir {
  margin-left: 30px;
}

/* 蒙层 */
.news-c .new .mask {
  width: 570px;
  height: 90px;
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}

.new .mask .desc {
  width: fit-content;
  color: #fff;
  margin: 11px 0 16px 50px;
}

.new .mask span {
  display: block;
  width: fit-content;
  height: 24px;
  font-size: 12px;
  letter-spacing: 0px;
  color: #ffffff;
  margin-left: 50px;
}

.new .mask a {
  position: absolute;
  bottom: 12px;
  right: 50px;
}

.news-c .pic1:hover .mask {
  display: block;
}

/* 关于我们 */
.about-c {
  width: 1200px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 200px;
  position: relative;
}

.about-c .pto {
  width: 500px;
  height: 300px;
  background: url(/img/index/js.jpg) no-repeat center;
  background-size: cover;
  /* margin: 0 0 30px 0; */
}

.about-c .desc {
  width: fit-content;
  position: absolute;
  top: 30px;
  right: 0;
}

.about-c .desc p {
  font-size: 14px;
}

.about-c .desc .w {
  padding: 34px 0;
}
